@import "../../../../../../../../node_modules/@angular/material/theming";

thinkbig-visual-query-transform {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;

  .mat-drawer-container {
    background: #ffffff;
  }

  // Sidebar
  mat-sidenav[ng-reflect-opened=true] {
    $width: 257px;
    max-width: $width;
    min-width: $width;
    width: $width;
  }

  // Toolbars
  mat-toolbar.md-kylo-theme {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);

    .toolbar-icon {
      &.mdi {
        font-size:27px;
      }
    }

  }


  .formula-editor {
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
  }

  .visual-query-function-history {
    .visual-query-function-history-button {
      margin: 0 6px;

      ng-md-icon {
        height: 40px;
        padding: 8px 0;
      }
    }

    .mat-list {
      overflow: auto;
      padding: 8px;

      .mat-list-item {
        .mat-list-item-content {
          padding: 0;

          i, ng-md-icon {
            &.function-icon {
              margin-left: 0;
              margin-right: 16px;
            }
            &.function-action {
              cursor: pointer;
              margin-left: 8px;
              margin-right: 0;
            }
          }

          p {
            font-size: 14px;
            /*margin-right: 40px;*/
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }

  .visual-query-sample-menu {
    background-color: white;
    border: 1px solid grey;
    left: 114px;
    min-width: 300px;
    padding: 0 16px 12px 16px;
    position: absolute;
    top: 0;
    transition: all linear 0.2s;
    z-index: 9999;
  }

  thinkbig-step-buttons {
    padding-bottom: 0;
    padding-left: inherit;
    padding-right: 0;
    padding-top: 0;
  }

  visual-query-table {
    position: absolute;
    top: 0;

    @import '../../services/fattable/fattable';

    .kylo-visual-query-table-domain-type {
      line-height: inherit;
      position: absolute;
      right: 46px;
      top: 1px;
    }
    .kylo-visual-query-table-menu-content {
      max-height: 352px;
    }

  }

  /** Tooltip */
  .mat-tooltip.visual-query-tooltip {
    height: auto;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .mat-tooltip.visual-query-tooltip ul {
    color: #ffcdd2;
    margin: 0;
    padding-left: 20px;
  }

  /* Override toolbar buttons */
  .md-kylo-powerui button.kylo-add {
    margin-left: 10px;
    margin-top: 8px;
    min-height: 25px;
    height: 25px;
    line-height: 27px;
    font-size: 12px;
  }

  span.ws-text {
    color: coral;
    margin-right: 2px;
    margin-left: 2px;
    font-weight: bold;
  }

}

/* Override spacing for context menu */
.mat-menu-panel.md-kylo-theme .mat-menu-item {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}

/* Override toolbar buttons */
.visual-query-column-menu button  {
  min-height: 27px;
  line-height: 27px;
  font-size: 12px;
}
